import {
    Navigate
} from 'react-router-dom'
import React from 'react'
let Onec = React.lazy(()=>import('../components/Onec'))
let Twoc =React.lazy(()=>import('../components/Twoc')) 
let Threec =React.lazy(()=>import('../components/Threec')) 
let Info =React.lazy(()=>import('../views/info')) 
let Infoc =React.lazy(()=>import('../views/infoc')) 

const routers = [{
        path: "/onec",
        element: <Onec></Onec>,
    },
    {
        path: "/twoc",
        element: <Twoc></Twoc>,
    },
    {
        path: "/threec",
        element: <Threec></Threec>,
    },
    {
        path: "/info/:id",
        element: <Info></Info>,
    },
    {
        path: "/infoc",
        element: <Infoc></Infoc>,
    },
    {
        path: "/",
        element: <Navigate to = "/onec"/> ,
    },
]

export default routers